//out:../css/common.css

@import url(./base.less);
@import url(./var.less);

body{
  font-size: 12px !important;
  // background-color: red;
}
//可点击的大按钮
.MaxcommonClickButton {
    width: (139./@rem);
    height: (49.55./@rem);
    background-color: @brand_color;
    border-radius: (24.77./@rem);
  }

  //不可点击的大按钮
  .MaxcommonNotClickButton {
    width: (139./@rem);
    height: (49.55./@rem);
    background-color: #dedede;
    border-radius: (24.77./@rem);
  }

  //延迟提货按钮
  .delayedPickup {
    width: (125./@rem);
    height: (50./@rem);
    background: #efefef;
    border-radius: (25./@rem);
  }

  //可点击的小按钮
  .MaxcommonClickButton {
    width: (80./@rem);
    height: (32./@rem);
    background: @brand_color;
    border-radius: (16./@rem);
  }

  //不可点击的小按钮
  .MaxcommonNotClickButton {
    width: (80./@rem);
    height: (32./@rem);
    background: #dedede;
    border-radius: (16./@rem);
  }







  //底部样式
  .common_button {
    width: 100%;
    height: 60./@rem;
    background-color: @white;
    display: flex;
    justify-content: space-around;
    padding-top: 5.9./@rem;
    bottom: 0;
    position: fixed;
    .task 
    {
      .red{
        color:#EF4F3F ;
      }
      img {
        width: 22./@rem;
        height: 22./@rem;
        
      }
      div{
      font-size: 12./@rem;
      font-weight: 400;
      color: #818181;;
      text-align: center;
      
    }}
    
   
  }


  // .common_button .task{
  //    margin-top: 6.3./@rem;
  // }


  // .common_button 


  // .common_button 

//   <div class="common_button">
//       <a href="#" class="task">
//         <img src="./images/btn_test_sel.png" alt="" />
//         <div>任务</div>
//       </a>
//       <a href="#" class="task">
//         <img src="./images/黑铃铛.png" alt="" />
//         <div>消息</div>
//       </a>
//       <a href="#" class="task">
//         <img src="./images/btn_mine_nor.png" alt="" />
//         <div>我的</div>
//       </a>
// </div>